<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>3D旋转星球模型</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <div class="window">
        <div class="father">
            <div class="children c1"></div>
            <div class="children c2"></div>
            <div class="children c3"></div>
            <div class="children c4"></div>
            <div class="children c5"></div>
            <div class="children c6"></div>
        </div>
    </div>
    <div class="window">
        <div class="ball">
            <div class="xcircle x1"></div>
            <div class="xcircle x2"></div>
            <div class="xcircle x3"></div>
            <div class="xLine"></div>
            <div class="ycircle y1"></div>
            <div class="ycircle y2"></div>
            <div class="ycircle y3"></div>
            <!-- <div class="YLine"></div> -->
            <div class="yLine"></div>
            <div class="zcircle z1"></div>
            <div class="zcircle z2"></div>
            <div class="zcircle z3"></div>
            <!-- <div class="ZLine"></div> -->
            <div class="zLine"></div>
        </div>
    </div>
</body>
</html>